<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">

    <title>时钟-3</title>

    <link rel="stylesheet" href="css/clock.css" />
</head>
<body>
    <div>
        <div id="clock-container" class="clock-face" data-time="1567321959000">
            <div class="numbers">
                <div class="number"><span>1</span></div>
                <div class="number"><span>2</span></div>
                <div class="number"><span>3</span></div>
                <div class="number"><span>4</span></div>
                <div class="number"><span>5</span></div>
                <div class="number"><span>6</span></div>
                <div class="number"><span>7</span></div>
                <div class="number"><span>8</span></div>
                <div class="number"><span>9</span></div>
                <div class="number"><span>10</span></div>
                <div class="number"><span>11</span></div>
                <div class="number"><span>12</span></div>
            </div>
            <div class="alarms">
                <div id="clock-hour" class="alarm alarm-hour"></div>
                <div id="clock-minute" class="alarm"></div>
                <div id="clock-second" class="alarm alarm-second">
                    <div class="alarm-body"></div>
                </div>
            </div>
        </div>
    </div>

    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/clock.js"></script>
</body>
</html>